.body, html {
    color:#333;
    font-size: 13px;
    font-family: Arial,Hiragino Sans GB,Microsoft YaHei,Microsoft Yahei,STHeiti,SimSun,sans-serif;
    line-height: 25px;
}
.el-input__inner {
    -webkit-appearance: none;
    background-color: #fff;
    background-image: none;
    border-radius: 4px;
    border: 1px solid #dcdfe6;
    box-sizing: border-box;
    color: #606266;
    display: inline-block;
    font-size: inherit;
    height: 30px;
    line-height: 30px;
    outline: 0;
    padding: 0 10px;
    transition: border-color .2s cubic-bezier(.645,.045,.355,1);
    width: 100%;
}

.el-input__inner:focus{
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}

[class^=el-icon-] {
    font-family: element-icons!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: baseline;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.el-input__icon {
    height: 100%;
    width: 25px;
    text-align: center;
    transition: all .3s;
    line-height: 40px;
}
.el-select .el-input .el-select__caret {
    color: #c0c4cc;
    font-size: 14px;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    cursor: pointer;
}


/*----------*/
.el-collapse-item__header {
    height: 35px;
    line-height: 35px;
    color: #303133;
    cursor: pointer;
    border-bottom: 1px solid #ebeef5;
    font-size: 14px;
    transition: border-bottom-color .3s;
    outline: 0;
    font-weight: 700;
    font-size: 14px;
    background: #f5f5f5;
    padding-left: 15px;
}
.el-collapse-item__header.is-active {
    border-bottom-color: transparent;
    background: #129dd6;
    color: #fff;
}

.el-collapse-item__wrap {
    will-change: height;
    overflow: hidden;
    box-sizing: border-box;
    border-bottom: 1px solid #ebeef5;
}
/* 分组*/
/****************/
.panel-body__content
{
    padding: 10px;
    height: 400px;
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    border: 1px solid #e7eaec;
}
.el-row {
    position: relative;
    margin-left: -10px;
    margin-right: -10px;
}
/*分组内-中间平分左右两列*/
.el-col-12 {
    float: left;box-sizing: border-box;width: 50%;padding-left: 10px; padding-right: 10px;
}

.panel-body__content
{
    padding: 10px;
    height: 400px;
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    border: 1px solid #e7eaec;
}
/*分组内-分组池-单选框*/
.el-radio {
    position: relative;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    cursor: pointer;
    white-space: nowrap;
    outline: 0;
    color: #333;
}
/*分组内-分组池-单选框-输入框*/
.el-input {
    position: relative;
    font-size: 14px;
    display: inline-block;
    width: 100%;
}

.el-button {
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    background: #fff;
    border: 1px solid #ccc;
    color: #606266;
    -webkit-appearance: none;
    text-align: center;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    transition: .1s;
    align-items: flex-start;
    font: 400 13px Arial;
    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    border-radius: 3px;
}

.el-button:active{
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    background: #fff;
}

.el_select {
    background: url("../images/down-arrow.png") no-repeat scroll 95% 0.5rem transparent;
}

/**/
.light .el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active, .light .el-tabs--border-card>.el-tabs__header .el-tabs__item.is-top:hover {
    color: #333;
}

.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active, .el-tabs--border-card>.el-tabs__header .el-tabs__item.is-top:hover {
    color: #333;
}
.el-tabs--bottom.el-tabs--border-card .el-tabs__item:last-child, .el-tabs--bottom.el-tabs--card .el-tabs__item:last-child, .el-tabs--bottom .el-tabs--left .el-tabs__item:last-child, .el-tabs--bottom .el-tabs--right .el-tabs__item:last-child, .el-tabs--top.el-tabs--border-card .el-tabs__item:last-child, .el-tabs--top.el-tabs--card .el-tabs__item:last-child, .el-tabs--top .el-tabs--left .el-tabs__item:last-child, .el-tabs--top .el-tabs--right .el-tabs__item:last-child {
    padding-right: 20px;
}
.el-tabs--bottom .el-tabs__item.is-bottom:last-child, .el-tabs--bottom .el-tabs__item.is-top:last-child, .el-tabs--top .el-tabs__item.is-bottom:last-child, .el-tabs--top .el-tabs__item.is-top:last-child {
    padding-right: 0;
}
.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active {
    color: #409eff;
    background-color: #fff;
    border-right-color: #dcdfe6;
    border-left-color: #dcdfe6;
}
.light .el-tabs__item.is-active {
    font-weight: 700;
    color: #333;
}
.el-tabs--border-card>.el-tabs__header .el-tabs__item {
    transition: all .3s cubic-bezier(.645,.045,.355,1);
    border: 1px solid transparent;
    margin: -1px -1px 0;
    color: #909399;
}
.el-tabs__item.is-active {
    font-weight: 700;
    color: #333;
}
.el-tabs__item.is-active {
    color: #409eff;
}
.el-tabs__item {
    padding: 0 20px;
    height: 40px;
    box-sizing: border-box;
    line-height: 40px;
    display: inline-block;
    list-style: none;
    font-size: 14px;
    font-weight: 500;
    color: #303133;
    position: relative;
}

/**/
.group_sample_item {
    border: 1px solid skyblue;
    margin: 5px;
    padding: 5px 10px;
    text-align: center;
    min-width: 60px;
    line-height: 22px;
}

.group_item {
    padding: 5px;
    line-height: 32px;
    display: table;
}

.group_item_heard {
    float: left;
    width: 120px;
}

.group_item_heard_input {
    width: 70px;
    height: 24px;
    border-radius: 3px;
    border: 1px solid #dcdfe6;
}

.group_item_array {
    /*width: calc(100% - 120px);*/
    /* padding: 5px 0px; */
    /*margin-left: 10px;*/
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    /*border: 1px solid #e7eaec;*/
}
.select_file_item{
    padding: 0px 16px;
}
.select_file_item:hover {
   background-color: #2388ea;
}